/*Windows! Maybe put these in a different file.*/
/*Map window. =================================*/
#gamePage__gameSpace__map {
    position: relative;
    display: grid;
    grid-template-areas: 
    ".....  keyW  ....."
    "keyA  canvas keyD"
    ".....  keyS  .....";
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr auto 1fr;

    height: 100%;
    /*grid-template-areas: 
    "....... ....... ....... canvas ....... ....... ......."
    "....... ....... ....... canvas ....... ....... ......."
    "....... ....... ....... canvas buttonW buttonW ......."
    "....... ....... ....... canvas buttonA buttonD ......."
    "....... ....... ....... canvas buttonS buttonS ......."
    "....... ....... ....... canvas ....... ....... ......."
    "....... ....... ....... canvas ....... ....... .......";
    grid-template-columns: 3em 3em 3em auto 3em 3em 3em;
    grid-template-rows: auto auto auto auto auto auto auto;*/
}
#gamePage__gameSpace__map__canvas{
    grid-area: canvas;
}
/*Movement buttons for touch or click.*/
.mapMvmtButton{
    position: relative;
    background-color: #fff8e0;

    font-family: monospace;
    font-weight: 600;
    font-size: 1rem;
    
    border: none;
    border-left: 1px solid black;
    margin: auto;
    padding: none;
    min-width: 1em;
    max-width: 1em;
    aspect-ratio: 1/1;
}
#gamePage__gameSpace__map__mapMvmtW{
    grid-area: keyW;
    transform: rotate(-90deg);
}
#gamePage__gameSpace__map__mapMvmtA{
    grid-area: keyA;
    transform: rotate(180deg);
}
#gamePage__gameSpace__map__mapMvmtS{
    grid-area: keyS;
    transform: rotate(90deg);
}
#gamePage__gameSpace__map__mapMvmtD{
    grid-area: keyD;
}

/*Map display elements*/
.mapRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mapCell {
    font-family: monospace;
    font-size: 15px;
    line-height: 90%;

    height: 0.8rem;
    width: 0.8rem;

    text-align: center;
    opacity: 0.8;

    margin: 1px;
    padding: 0px;
}


/*Shop Window. ================================*/
#gamePage__gameSpace__shop {
    display: none;
}